import React from 'react';
import {ScrollView} from 'react-native';
import Markdown from 'react-native-markdown-display';
import {TermsOfUse} from './md';
import {primaryBackgroundColor, primaryColor3} from '../../../theme/default';

export function TermsView() {
  return (
    <ScrollView
      contentInsetAdjustmentBehavior="automatic"
      style={{
        height: '100%',
        paddingHorizontal: 16,
        backgroundColor: primaryBackgroundColor,
      }}>
      <Markdown
        style={{
          body: {
            color: primaryColor3,
          },
        }}>
        {TermsOfUse}
      </Markdown>
    </ScrollView>
  );
}
